<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
 <script src="echart/jquery-1.9.1.min.js"></script>
</head>
<body>
<table id="t" border="1" cellspacing="0" cellpadding="5px">
	<tr id="head">
		<th>时间段</th>
	</tr>
	<tr id="t1">
		<td>08:00至08:30</td>
	</tr>
	<tr id="t2">
		<td>08:30至09:00</td>
	</tr>
	<tr id="t3">
		<td>09:00至09:30</td>
	</tr>
	<tr id="t4">
		<td>09:30至10:00</td>
	</tr>
	<tr id="t5">
		<td>10:00至10:30</td>
	</tr>
	<tr id="t6">
		<td>10:30至11:00</td>
	</tr>
	<tr id="t7">
		<td>11:00至11:30</td>
	</tr>
	<tr id="t8">
		<td>11:30至12:00</td>
	</tr>
	<tr id="t9">
		<td>12:00至12:30</td>
	</tr>
	<tr id="t10">
		<td>12:30至13:00</td>
	</tr>
	<tr id="t11">
		<td>13:00至13:30</td>
	</tr>
	<tr id="t12">
		<td>13:30至14:00</td>
	</tr>
	<tr id="t13">
		<td>14:00至14:30</td>
	</tr>
	<tr id="t14">
		<td>14:30至15:00</td>
	</tr>
	<tr id="t15">
		<td>15:00至15:30</td>
	</tr>
	<tr id="t16">
		<td>15:30至16:00</td>
	</tr>
	<tr id="t17">
		<td>16:00至16:30</td>
	</tr>
	<tr id="t18">
		<td>16:30至17:00</td>
	</tr>
	<tr id="t19">
		<td>17:00至17:30</td>
	</tr>
	<tr id="t20">
		<td>17:30至18:00</td>
	</tr>
	<tr id="t21">
		<td>18:00至18:30</td>
	</tr>
	<tr id="t22">
		<td>18:30至19:00</td>
	</tr>
	<tr id="t23">
		<td>19:00至19:30</td>
	</tr>
	<tr id="t24">
		<td>19:30至20:00</td>
	</tr>
</table>
<script type="text/javascript">
var zxks = '<%=request.getParameter("zxks")==null?"":request.getParameter("zxks")%>';
    $.post("Schedule",{zxks:zxks},function(data,status){
        if(status=='success'){
        	data = JSON.parse(data);
        	for(var i=0;i<data.length;i++){
        		var d=data[i];
        		$("#head").append("<th width='60px'>"+d.xm+"</th>");
        		for(var j=1;j<=24;j++){
        			$("#t"+j).append("<td>"+d['t'+j]+"</td>");
        		}
        	}
        }
    });


</script>
</body>
</html>